
/* Download : //www.jb51.net *?
/* Reset css*/
/**
 *  这个是所有页面都需要引入的css
 */

body {
    font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", 微软雅黑, "Microsoft YaHei", 华文细黑, STHeiti, sans-serif !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
}
button:focus,input:focus{outline: none!important;}
a:hover,a:focus{
    outline: none;
    text-decoration: none;
}
/*去掉数字输入框的默认样式*/
input[type=number] {
    -moz-appearance:textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*修改输入框占位符的颜色*/
::-webkit-input-placeholder { /* WebKit browsers */
    color:    #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #999;
}

/***************
* 公共基础样式start
**/
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}

.block{display: block;}
.iBlock{display: inline-block;}
._none{display: none;}

.overflow_h{overflow: hidden;}
.overflow_a{overflow: auto;}

.width50P{width: 50%;}
.width100P{width: 100%;}
.width1d7{width: 14.285714%}
.width40{width: 40px;}
.width50{width: 50px;}
.width60{width: 60px;}
.width70{width: 70px;}
.width80{width: 80px;}
.width100{width: 100px;}
.width110{width: 110px;}
.width130{width: 130px;}
.width400{width: 400px;}
.width500{width: 500px;}
.height50{height: 50px;}
.height75{height: 75px;}
.height80{height: 80px;}
.height100{height: 100px;}
.height120{height: 120px;}
.height360{height: 360px;}

.lineH1{line-height: 1;}
.lineH20{line-height: 20px;}
.lineH24{line-height: 24px;}
.lineH26{line-height: 26px;}
.lineH28{line-height: 28px;}
.lineH30{line-height: 30px;}
.lineH35{line-height: 35px;}
.lineH50{line-height: 50px;}

.align_c{text-align: center;}
.align_l{text-align: left;}
.align_r{text-align: right;}
.align_j{text-align: justify;}.align_j:after {width: 100%;height: 0;margin: 0;display: inline-block;overflow: hidden;content: '';}
.align_t{vertical-align: top;}
.align_m{vertical-align: middle;}

.color_333{color: #333;}
.color_666{color: #666;}
.color_999{color: #999;}
.color_ccc{color: #ccc;}
.color_2d2d2d{color: #2d2d2d;}
.color_484848{color: #484848;}
.color_D8D8D8{color: #D8D8D8;}
.color_27292A{color: #27292A;}
.color_000{color: #000;}
.color_767676{color: #767676;}
.color_3F3F3F{color: #3F3F3F;}
.color_ff6766{color: #ff6766;}
.color_f84340{color: #f84340;}
.hover_f84340:hover,.hover_f84340:focus{color: #f84340;}
.color_3EB3C0{color: #3EB3C0;}
.color_FF9500{color: #FF9500;}

.bgcolor_fff{background-color: #fff;}
.bgcolor_f5f5f5{background-color: #f5f5f5;}

.font_30{font-size: 30px;}
.font_24{font-size: 24px;}
.font_22{font-size: 22px;}
.font_20{font-size: 20px;}
.font_19{font-size: 19px;}
.font_18{font-size: 18px;}
.font_16{font-size: 16px;}
.font_14{font-size: 14px;}
.font_12{font-size: 12px;}

.weight_bold{font-weight: bold;}

.mT-6{margin-top: -6px;}
.mT-10{margin-top: -10px;}
.mT0{margin-top: 0px;}
.mT3{margin-top: 3px;}
.mT5{margin-top: 5px;}
.mT6{margin-top: 6px;}
.mT10{margin-top: 10px;}
.mT12{margin-top: 12px;}
.mT15{margin-top: 15px;}
.mT20{margin-top: 20px;}
.mT25{margin-top: 25px;}
.mT30{margin-top: 30px;}
.mT35{margin-top: 35px;}
.mT40{margin-top: 40px;}
.mT50{margin-top: 50px;}
.mT60{margin-top: 60px;}
.mT80{margin-top: 80px;}
.mT90{margin-top: 90px;}
.mT100{margin-top: 100px;}
.mT140{margin-top: 140px;}

.mR3{margin-right: 3px;}
.mR5{margin-right: 5px;}
.mR10{margin-right: 10px;}
.mR20{margin-right: 20px;}
.mR30{margin-right: 30px;}

.mB0{margin-bottom: 0;}
.mB5{margin-bottom: 5px;}
.mB10{margin-bottom: 10px;}
.mB12{margin-bottom: 12px;}
.mB15{margin-bottom: 15px;}
.mB20{margin-bottom: 20px;}
.mB25{margin-bottom: 25px;}
.mB30{margin-bottom: 30px;}
.mB35{margin-bottom: 35px;}
.mB40{margin-bottom: 40px;}
.mB50{margin-bottom: 50px;}
.mB60{margin-bottom: 60px;}
.mB100{margin-bottom: 100px;}

.mL10{margin-left: 10px;}
.mL30{margin-left: 30px;}

.padding_0{padding: 0;}
.padding_30{padding: 30px;}
.pT5{padding-top: 5px;}
.pT10{padding-top: 10px;}
.pT15{padding-top: 15px;}
.pT20{padding-top: 20px;}
.pT25{padding-top: 25px;}
.pT30{padding-top: 30px;}
.pT40{padding-top: 40px;}
.pT50{padding-top: 50px;}

.pR0{padding-right: 0;}
.pR15{padding-right: 15px;}
.pR20{padding-right: 20px;}
.pR30{padding-right: 30px;}
.pR40{padding-right: 40px;}
.pR60{padding-right: 60px;}

.pB15{padding-bottom: 15px;}
.pB20{padding-bottom: 20px;}
.pB30{padding-bottom: 30px;}
.pB40{padding-bottom: 40px;}
.pB50{padding-bottom: 50px;}
.pB60{padding-bottom: 60px;}

.pL0{padding-left: 0;}
.pL10{padding-left:10px;}
.pL15{padding-left:15px;}
.pL20{padding-left:20px;}
.pL25{padding-left:25px;}
.pL30{padding-left:30px;}
.pL40{padding-left:40px;}
.pL75{padding-left:75px;}

.fn{float: none;}
.fl{float: left;}
.fr{float: right;}

.pr{position: relative;}
.pa{position: absolute;}
.left15{left: 15px;}

.zIndex0{z-index: 0;}

.cursor_po{cursor: pointer;}

.border0{border: none;}

.ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.indent{text-indent: 2em;}

/*变形*/
.rotate180{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*动画*/
.animation_rorate{
    -webkit-animation: rorate 1s linear infinite;
    -o-animation: rorate 1s linear infinite;
    animation: rorate 1s linear infinite;
}
@keyframes rorate {
    from{
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to{
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.border0{border: none;}

.ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.indent{text-indent: 2em;}

/*变形*/
.rotate180{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

/*动画*/
.animation_rorate{
    -webkit-animation: rorate 1s linear infinite;
    -o-animation: rorate 1s linear infinite;
    animation: rorate 1s linear infinite;
}
@keyframes rorate {
    from{
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    to{
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/*字体图标*/
@font-face {
    font-family: fontelloheader;
    src: url(../font/fontello.eot);
    src: url(../font/fontello.eot) format('embedded-opentype'), url(../font/fontello.woff2) format('woff2'), url(../font/fontello.woff) format('woff'), url(../font/fontello.ttf) format('truetype'), url(http://www.onehome.me/css/fonts/detailicons/fontello.svg?160926) format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: 'homepagef';
    src: url('../font/fontello1.eot');
    src: url('../font/fontello1.eot#iefix') format('embedded-opentype'),
    url('../font/fontello1.woff2') format('woff2'),
    url('../font/fontello1.woff') format('woff'),
    url('../font/fontello1.ttf') format('truetype'),
    url('http://www.onehome.me/css/fonts/homepage/fontello.svg?170615#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
.fontelloheader:before {
    font-family: fontelloheader;
    display: inline-block;
    text-align: center;
    line-height: 1em;
}
.svg-father-class2:before {
    font-family: "homepagef";
    display: inline-block;
    text-align: center;
    line-height: 1em;
}
.fontelloheader.icon847:before {
    content: '\e847';
}
.fontelloheader.icon84b:before {
    content: '\e84b';
}
.fontelloheader.icon826:before {
    content: '\e826';
}
.svg-father-class2.icon822:before{
    content: '\e822';
}
.svg-father-class2.icon82a:before{
    content: '\e82a';
}

/***************
* 公共基础样式end
**/

/***************
* onehome 特制start
**/
/*按钮*/
.one_btn_gray_empty{
    padding: 0;
    display: inline-block;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #2d2d2d;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
}
.one_btn_red_empty{
    padding: 0;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #f84340;
    background-color: #fff;
    border: 1px solid #f84340;
    border-radius: 2px;
}
.one_btn_red{
    padding: 0;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: #ff6766;
    border: 1px solid #ff6766;
    border-radius: 2px;
}
/*radio*/
input[type="radio"].one_radio {
    position: relative;
    -webkit-appearance: none;
    margin: 0 8px 0 0;
    width: 20px;
    height: 20px;
    vertical-align: top;
    background: #FFFFFF;
    border: 1px solid #C5C9CD;
    border-radius: 100%;
}
input[type="radio"].one_radio:checked:before {
    content: '';
    background-image: url(../image/radio.png);
    background-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    margin-top: 0;
    margin-left: 0;
    text-align: center;
    width: 20px;
    height: 20px;
    background-color: inherit;
}
/*checkbox*/
input[type="checkbox"].one_checkbox {
    position: relative;
    -webkit-appearance: none;
    margin: 0 8px 0 0;
    width: 18px;
    height: 18px;
    vertical-align: top;
    background: #FFFFFF;
    border: 1px solid #d5d5d5;
    border-radius: 2px;
}
input[type="checkbox"].one_checkbox:checked:before {
    content: '';
    background-image: url(../image/checked.png);
    background-size: 100% 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    margin-top: 0;
    margin-left: 0;
    text-align: center;
    width: 18px;
    height: 18px;
    background-color: inherit;
}
/*select*/
.one_select{
    position: relative;
    display: inline-block;
}
.one_select:before{
    content: '\25bc';
    position: absolute;
    pointer-events: none;
    color: #82888a;
    top: 0;
    bottom: 1px;
    z-index: 1;
    padding-top: 0.7em;
    line-height: 1;
    right: 0;
    width: 2em;
    text-align: center;
    transform: scale(0.84, 0.42);
    -webkit-transform: scale(0.84, 0.42);
    -moz-transform: scale(0.84, 0.42);
    -ms-transform: scale(0.84, 0.42);
    -o-transform: scale(0.84, 0.42);
}
.one_select select{
    padding: 0 10px;
    display: inline-block;
    height: 36px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #2d2d2d;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.one_select select::-ms-expand {
    display: none;
}
.one_select select:focus{outline: none;}

/***************
* onehome 特制end
**/



/****************
* 公共样式 start
**/
.one-modal{
    position: fixed;
    z-index: 999999999999;
    min-width: 380px;
    border-radius: 5px;
    background-color: #fff;
}
.infoboxCloseBtn{
    position: absolute;
    top: 35px;
    right: 35px;
    font-size: 20px;
    color: #333;
}
.bgshade{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 9999;
    overflow-y: auto;
    padding: 100px 0;
    display: none;
}
.one-shade,
.one-shade-japangarbage,
.one-shade-weeklyRent,
.one-shade-specialPolicyBox{
    position: fixed;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 9999;
    overflow-y: auto;
    display: none;
}
.one-infobox,
.one-infobox-japangarbage,
.one-infobox-weeklyRent,
.one-infobox-specialPolicyBox {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}
.one-infobox-specialPolicyBox {
    width: 80%;
    padding: 10px 0;
    margin-top: 10%;
}
/*房源模块*/
.one-house-item{
    position: relative;
}
.one-house-item .house-mainPic{
    width: 100%;
    height: 182px;
    border-radius: 4px;
}
.one-house-item .house-infoWrap{
    padding-top: 8px;
    height: 95px;
    font-size: 0;
}
.one-house-item .house-infoWrap .line{
    margin: 8px 8px 0;
    display: inline-block;
    vertical-align: middle;
    height: 12px;
    border-right: 1px solid #999;
}
.one-house-item .house-infoWrap .comment-star{
    margin-top: 8px;
    margin-right: 4px;
    display: inline-block;
    width: 10px;
    height: 10px;
}
.one-house-item .house-infoWrap .commentCount{
    margin-top: 8px;
    display: inline-block;
    color: #767676;
    vertical-align: middle;
}
.one-house-item .house-infoWrap .tags{
    margin-top: 8px;
}
.one-house-item .house-infoWrap .tags div{
    border: 1px solid #3eb3c0;
    border-radius: 2px;
    background-color: #fff;
    margin-right: 8px;
    padding: 2px 6px;
    font-size: 12px;
    color: #3eb3c0;
    font-weight: 300;
    line-height: 12px;
    text-align: center;
    min-width: 36px;
    display: inline-block;
}
.one-house-item .house-infoWrap .faceUrl{
    position: absolute;
    right: 0;
    top: 256px;
    width: 48px;
    height: 48px;
    border-radius: 100%;
}
.one-house-item .house-title{
    padding-right: 58px;
}
.one-house-item .house-title,.one-house-item .house-detail{
    font-size: 14px;
    color:#333333;
    line-height: 1;
    margin-top: 8px;
}
.one-house-item .house-detail{
    display: inline-block;
    color: #999;
    font-size: 12px;
    max-width: 67%;
    vertical-align: middle;
}
.one-house-item .house-price{
    position: absolute;
    top: 142px;
    left: 0;
    padding: 0 10px;
    color: #fff;
    border-radius: 0 0 0 4px;
    background-color: rgba(60,63,64,0.9);
}
.one-house-item .house-price .buyer_currency{
    display: inline-block;
    font-size: 26px;
    line-height: 40px;
}
.one-house-item .collectionIcon{
    position: absolute;
    right: 16px;
    top: 16px;
    z-index: 10;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
/****************
* 公共样式 end
**/